﻿<UserControl x:Class="Citrix.XaAdminMobile.ViewTablet.TabletLayout"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:cmp="clr-namespace:Citrix.Cmp;assembly=Citrix.Cmp.Wpf"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
  <Grid>
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="*"/>
      <ColumnDefinition Width="Auto"/>
      <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    
    <!-- Our tablet layout uses two columns to display it's content. We display the view for
    each column using these two content controls. -->
    <ContentControl x:Name="LeftPageTarget"/>
    <Rectangle Grid.Column="1" Width="{DynamicResource {x:Static cmp:DpiScaling.DeviceDependentSeparatorHeightKey}}"
               Fill="DarkGray"/>
    <ContentControl x:Name="RightPageTarget" Grid.Column="2"/>
  </Grid>
</UserControl>
